<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/common/topBegin.jsp"%>
 <script type="text/javascript" src="${ctx}/js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="${ctx}/js/ajaxfileupload.js"></script>
 <script type="text/javascript" src="${ctx}/js/extjs/ext-base.js"></script>
<script type="text/javascript" src="${ctx}/js/extjs/ext-all.js"></script>
<script type="text/javascript" src="${ctx}/js/extjs/ui/ext-ui.js"></script>
<script type="text/javascript" src="${ctx}/js/public/console.js"></script>
<script type="text/javascript" src="${ctx}/js/extjs/ux/Toast.js"></script>
</head>
<body>
<div  id="table_form_div" class="table_form1">
  
			<table class="table-form" width="100%">
				<tbody>
					<tr>
						  <td  style="height:35px;"  width="15%" class="table-th">托运日期</td>
					      <td  style="height:35px;" colspan="2" class="table-td" width="20%"><fmt:formatDate value="${entity.shipTime}" pattern="yyyy-MM-dd"/>
					       </td>
						<td   style="height:35px;" width="15%" class="table-th">装货时间</td>
							
						<td  style="height:35px;" class="table-td" width="20%"><fmt:formatDate value="${entity.loadGoodsTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
						<td  style="height:35px;" width="15%" class="table-th">卸货时间</td>
						<td  style="height:35px;" class="table-td" width="20%"><fmt:formatDate value="${entity.unloadGoodsTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
					</tr>
			  
					 <tr>
     	 				<td  colspan="7">
				     	 <table id="goods_Tab" class="table-form" width="100%">
				     	 		<tr rowspan="2"><td  style="height:35px;" class="table-th" colspan="7" align="center">货物基本信息</td></tr>
				     	 		<tr>
					     	 		<td  style="height:35px;" class="table-th" width="15%">货物名称 </td>
					     	 		<td  style="height:35px;" class="table-th" width="15%">国际代码</td>
					     	 		<td  style="height:35px;" class="table-th" width="15%">代码</td>
					     	 		<td  style="height:35px;" class="table-th" width="15%">件数</td>
					     	 		<td  style="height:35px;" class="table-th" width="10%">重量(Kg)</td>
					     	 		<td  style="height:35px;" class="table-th" width="10%">体积(M³)</td>
					     	 		<td  style="height:35px;" class="table-th" width="10%">应急方案 </td>
					     	 	</tr>
					     	 	<c:forEach var="item" items="${entity.shipOrderGoods }" varStatus="status">
					     	 			<tr id="${status.index+1}">
						     	 		<td  style="height:35px;" class="table-td"   width="15%">${item.goods.name }</td>
						     	 		<td  style="height:35px;" class="table-td"  width="15%">${item.goods.category.internatCode}</td>
						     	 		<td  style="height:35px;" class="table-td"  width="15%">${item.goods.category.code}</td>
						     	 		<td  style="height:35px;" class="table-td"  width="10%">${item.shipNum }</td>
						     	 		<td  style="height:35px;" class="table-td"  width="10%">${item.shipWeight }</td>
						     	 		<td  style="height:35px;" class="table-td"  width="10%">${item.shipVolume}</td>
						     	 		<td  style="height:35px;" class="table-td"  width="15%">
						     	 			<c:choose>
						     	 				<c:when test="${empty item.goods.safetyCard.path }">
						     	 					应急方案
						     	 				</c:when>
						     	 				<c:otherwise>
						     	 					<a href="javascript:void(0);" onclick="javascript:openSafetyCardView('${status.index+1}','${item.goods.safetyCard.path}')">应急方案</a>
						     	 					<span id="sp_content_${status.index+1 }">
								       	   				<img id="safetyCard_photo_img_${status.index+1 }" src="${ctx}/upload/${item.goods.safetyCard.path}" style="display:none;width:100%;height:auto;"/>
								       	   				<span id="safetyCard_attach_sp_${status.index+1}" style="display:none; margin:20px;" />
								       	   			</span>
						     	 				</c:otherwise>
						     	 			</c:choose>
						     	 		 </td>
						     	 	</tr>
					     	 	</c:forEach>
				     	 	</table>
     	 				</td>
     	 			</tr>
					<tr>
						<td colspan="8">
							<table class="table-form" width="100%">
								<tr rowspan="2">
									<td  style="height:35px;" class="table-th" colspan="10" align="center">车辆信息</td>
								</tr>
								<tr>
									<td  style="height:35px;" width="10%" colspan="2" class="table-th" align="center">车牌号</td>
									<td  style="height:35px;" class="table-td" width="10%">${entity.car.licenseNum }</td>
									<td  style="height:35px;" width="10%" class="table-th" align="center">半挂车</td>
									<td   style="height:35px;" class="table-td" width="10%">
										<span style="margin-left:10px;">${entity.car.licenseNum2}</span>
									</td>
								   <td  style="height:35px;" width="10%"  colspan="2" class="table-th" align="center">车辆类型</td>
								   <td  style="height:35px;" class="table-td" width="10%">${entity.car.carCategory.name } </td>
								
								   
								    <td  style="height:35px;" class="table-th" width="10%" align="center">载质量(Kg)</td>
								    <td  style="height:35px;" class="table-th" width="10%">${entity.carryCapacity }</td>
								</tr>
								<tr>
									<td  style="height:35px;" rowspan="5" width="2%" class="table-th" width>驾驶员信息</td>
									<td  style="height:35px;" class="table-th">姓名</td>
									<td  style="height:35px;" class="table-td">${entity.driverName }</td>
									<td  style="height:35px;" class="table-td" rowspan="5" colspan="2">
										<img src="<c:choose><c:when test='${not empty driver.photo}'>${ctx}/upload/${driver.photo}</c:when>
	        						<c:otherwise>${ctx}/images/organ/nophoto.gif </c:otherwise></c:choose>" style="width: 95%;height: 250px;">
									</td>
									<td  style="height:35px;" rowspan="5" width="2%" class="table-th" width>押运员信息</td>
									<td  style="height:35px;" class="table-th">姓名</td>
									<td  style="height:35px;" class="table-td">${entity.escortName}</td>

									<td  style="height:35px;" class="table-td" rowspan="5" colspan="2">
										<img src="<c:choose><c:when test='${not empty escort.photo}'>${ctx}/upload/${escort.photo}</c:when>
	        							<c:otherwise>${ctx}/images/organ/nophoto.gif </c:otherwise></c:choose>" style="width: 95%;height: 280px;">
										
									</td>
								</tr>
								<tr>
									<td  style="height:35px;" class="table-th">身份证号</td>
									<td  style="height:35px;" class="table-td">${driver.idno}</td>
									<td  style="height:35px;" class="table-th">身份证号</td>
									<td  style="height:35px;" class="table-td">${escort.idno}</td>
								</tr>
								<tr>
									<td  style="height:35px;" class="table-th">驾驶证号</td>
									<td  style="height:35px;" class="table-td" width="15%">${driver.driverLiceseNum }</td>
									<td  style="height:35px;" class="table-th">从业资格证号</td>
									<td  style="height:35px;" class="table-td" width="15%">${escort.superCargoNum }</td>
								</tr>
								<tr>
									<td  style="height:35px;" style="height:35px;"class="table-th">从业资格证号</td>
									<td  style="height:35px;" class="table-td">${driver.superCargoNum }</td>
									<td  style="height:35px;" class="table-th">联系电话</td>
									<td  style="height:35px;" class="table-td" width="15%">${driver.contractPhone }</td>
								</tr>
								<tr>
									<td  style="height:35px;" class="table-th">联系电话</td>
									<td  style="height:35px;" class="table-td">${escort.contractPhone }</td>
									<td  style="height:35px;" class="table-th"></td>
									<td  style="height:35px;" class="table-td" width="15%"></td>
								</tr>
							</table>
						</td>
					</tr>

				</tbody>
			</table>
		</form>
	</div>
  </div>
  <script>
  var cfg = {cxt:'${ctx}'};
  </script>
  <script type="text/javascript" src="${ctx}/js/app-web/biz/shipOrder/shipOrderShow.js"></script>
  </body>
  </html>
  